<div class="strategy">
  <p class="tital">战略发展目标</p>
  <ion-list>
    <ion-item class="item-box" *ngFor="let item of data">
      <ion-row>
        <ion-col col-2 class="flexBox">
          <svg class="iocn" aria-hidden="true" *ngIf="item.iocnName ==='icon-zhanlvetingdianshijian'">
            <use xlink:href="#icon-zhanlvetingdianshijian"></use>
          </svg>
          <svg class="iocn" aria-hidden="true" *ngIf="item.iocnName ==='icon-zhanlvedisanfangkehumanyidu'">
            <use xlink:href="#icon-zhanlvedisanfangkehumanyidu"></use>
          </svg>
          <svg class="iocn" aria-hidden="true" *ngIf="item.iocnName ==='icon-zhanlvefeihuashinengyuanzhanbi'">
            <use xlink:href="#icon-zhanlvefeihuashinengyuanzhanbi"></use>
          </svg>
          <svg class="iocn" aria-hidden="true" *ngIf="item.iocnName ==='icon-zhanlvejingzichanshouyishuai'">
            <use xlink:href="#icon-zhanlvejingzichanshouyishuai"></use>
          </svg>
          <svg class="iocn" aria-hidden="true" *ngIf="item.iocnName ==='icon-zhanlveleijishu'">
            <use xlink:href="#icon-zhanlveleijishu"></use>
          </svg>
          <svg class="iocn" aria-hidden="true" *ngIf="item.iocnName ==='icon-zhanlvejingwaizichanzhanbi'">
            <use xlink:href="#icon-zhanlvejingwaizichanzhanbi"></use>
          </svg>
        </ion-col>
        <ion-col col-8>
          <span class="num-value {{item.fontStatus}}">{{item.currentValue}}</span><span class="text-value {{item.fontStatus}}">{{item.currentUnit}}</span>
          <svg class="iocn1" aria-hidden="true" *ngIf="item.changeStatus ==='up'">
            <use xlink:href="#icon-sanjiaoxing-lv"></use>
          </svg>
          <svg class="iocn1" aria-hidden="true" *ngIf="item.changeStatus ==='down'">
            <use xlink:href="#icon-sanjiaoxing-xia"></use>
          </svg>
          <span class="comparison-value">{{item.changeValue}}{{item.currentUnit}}</span>
          <p class="detail-text">{{item.conten}}</p>
        </ion-col>
        <ion-col col-2>
          <p><span class="num-v">{{item.planValue}}</span><span class="text-v">{{item.planUnit}}</span></p>
          <p class="plan">计划值</p>
        </ion-col>
      </ion-row>
    </ion-item>
  </ion-list>
</div>